.rechargeHistory {
  height: 100vh;
  background-color: #f7f6f6;
  overflow: hidden;

  &-Scroll {
    height: calc(100vh - 140px);
    padding: 0 32px;
  }

  .historyItem {
    height: 158px;
    background-color: #ffffff;
    margin-bottom: 30px;
    border-radius: 30px;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 40px;

    &-title {
      font-size: 28px;
      color: #333333;
      font-weight: 400;
      margin-bottom: 20px;
    }

    &-time {
      font-size: 20px;
      color: #666666;
      font-weight: 400;
    }

    &-value-add {
      font-weight: 400;
      font-size: 36px;
      color: #40be9c;
    }

    &-value-delete {
      font-weight: 400;
      font-size: 36px;
      color: #fe6c06;
    }
  }
}
